<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>分类</title>
		<meta name="Description" content="" />
		<meta name="Keywords" content="" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="css/swiper-4.3.3.min.css" />
		<link rel="stylesheet" type="text/css" href="css/classify .css" />
	</head>

	<body>
		<div class="mobile">
			<!--头部-->
			<header>
				<div class="web clear_fix">
					<div class="ba">Back</div>

					<div class="xlk">
						<select name="city">
							<option value="广州">广州</option>
							<option value="深圳">深圳</option>
						</select>
					</div>
					<div class="h1">
						<h1>分类</h1></div>
				</div>
			</header>
			<!--轮播图-->
			<div class="New_rec">

				<!-- Swiper -->

				</style>
				<div class="swiper-container">
					<div class="swiper-wrapper">
						<div class="swiper-slide">
							<div class="tup"><img src="img/12.png" alt="" /></div>
							<a href="">美食 </a>
						</div>
						<div class="swiper-slide">
							<div class="tup"><img src="img/13.png" alt="" /></div>
							<a href="">电影 </a>
						</div>
						<div class="swiper-slide">
							<div class="tup"><img src="img/14.png" alt="" /></div>
							<a href="">运动 </a>
						</div>
						<div class="swiper-slide">
							<div class="tup"><img src="img/15.png" alt="" /></div>
							<a href="">唱歌</a>
						</div>
					</div>
					<!-- Add Pagination -->
					<div class="swiper-pagination"></div>
				</div>
				<!-- Swiper JS -->
				<script src="js/swiper-4.3.3.min.js"></script>

				<!-- Initialize Swiper -->
				<script>
					var swiper = new Swiper('.swiper-container', {
						pagination: {
							el: '.swiper-pagination',
						},

						autoplay: {
							delay: 1500, //1秒切换一次
						},

						slidesPerView: 4,
						paginationClickable: true,
						spaceBetween: 15,
						loop: true
					});
				</script>
			</div>
			<!--主体-->
			<section>
				<div class="nav">
					<div class="meis clear_fix">
						<div class="gdat">
							<h1>更多</h1>
							<div class="tub">
								<a href=""><img src="img/3.png" /></a>
							</div>
						</div>
						<div class="ml">
							<div class="lc"><img src="img/19_03.png" /></div>
							<p>美食类</p>
						</div>
						<div class="zhans">
							<div class="sici">
								<div class="mi"><img src="img/18_05.png" /></div>
								<div class="nou"><img src="img/18_07.png" /></div>
							</div>-->
							<div class="san">-
								<div class="yige"><img src="img/18_09.png" /></div>
								<div class="hengx"><img src="img/18_11.png" /></div>
							</div>
						</div>
					</div>
					<div class="meis clear_fix">
						<div class="gdat">
							<h1>更多</h1>
							<div class="tub">
								<a href=""><img src="img/3.png" /></a>
							</div>
						</div>
						<div class="ml">
							<div class="lc"><img src="img/21_03.png" /></div>
							<p>运动类</p>
						</div>
						<div class="zhans">
							<div class="sici">
								<div class="mi"><img src="img/18_17.png" /></div>
								<div class="nou"><img src="img/18_19.png" /></div>
							</div>
							<div class="san">
								<div class="yige"><img src="img/18_21.png" /></div>
								<div class="hengx"><img src="img/18_22.png" /></div>
							</div>
						</div>
					</div>
					<div class="meis clear_fix">
						<div class="gdat">
							<h1>更多</h1>
							<div class="tub">
								<a href=""><img src="img/3.png" /></a>
							</div>
						</div>
						<div class="ml">
							<div class="lc"><img src="img/22_03.png" /></div>
							<p>电影类</p>
						</div>
						<div class="zhans">
							<div class="sici">
								<div class="mi"><img src="img/18_27.png" /></div>
								<div class="nou"><img src="img/18_29.png" /></div>
							</div>
							<div class="san">
								<div class="yige"><img src="img/18_27.png" /></div>
								<div class="hengx"><img src="img/18_29.png" /></div>
							</div>
						</div>
					</div>
				</div>
			</section>
			<!--脚注-->
			<footer>
				<ul class="clear_fix">
					<li>
						<a href="index.html" class="iconfont icon-shouye shouy"></a>
						<a href="index.html">首页</a>
					</li>
					<li>
						<a href="classify .html" class="iconfont icon-leimupinleifenleileibie"></a>
						<a href="classify .html">分类</a>
					</li>
					<li>
						<a href="discover.html" class="iconfont icon-find xia"></a>
						<a href="discover.html">发现</a>
					</li>
					<li>
						<a href="wo.html" class="iconfont icon-wode de"></a>
						<a href="wo.html">我的</a>
					</li>

				</ul>
			</footer>
		</div>
	</body>

</html>